/*
 * Sidebar
 *
 * The sidebar is the drawer, the item we are toggling with our handy hamburger
 * button in the corner of the page.
 *
 * This particular sidebar implementation was inspired by Chris Coyier's
 * "Offcanvas Menu with CSS Target" article, and the checkbox variation from the
 * comments by a reader. It modifies both implementations to continue using the
 * checkbox (no change in URL means no polluted browser history), but this uses
 * `position` for the menu to avoid some potential content reflow issues.
 *
 * Source: http://css-tricks.com/off-canvas-menu-with-css-target/#comment-207504
 */

/* Style and "hide" the sidebar */
.sidebar {
  position: fixed;
  top: 1;
  bottom: 0;
  left: -14rem;
  z-index: 999;
  width: 9rem;
  visibility: hidden;
  overflow-y: auto;
  font-family:'Microsoft YaHei';
  font-size: .875rem; /* 15px */
  color: rgba(255,255,255,.6);
  background:url(../img/bg.png);
  -webkit-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
}
@media (min-width: 30em) {
  .sidebar {
    font-size: .75rem; /* 14px */
  }
}

/* Sidebar content */
.sidebar a {
  font-weight: normal;
  color: #fff;
}
.sidebar-item {
  padding: 2rem;
}
.sidebar-item p:last-child {
  margin-bottom: 0;
}

/* Sidebar nav */
.sidebar-nav {
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.sidebar .current{
  background:#829fc1;
}
.sidebar-nav-item {
  display: block;
  padding: 1.0rem 1rem;
  border-bottom: 1px solid #b9b9b9;
}
.sidebar-nav-item.active,
a.sidebar-nav-item:hover,
a.sidebar-nav-item:focus {
  text-decoration: none;
  background-color: rgba(255,255,255,.1);
  border-color: transparent;
}
.

@media (min-width: 48em) {
  .sidebar-item {
    padding: 1.5rem;
  }
  .sidebar-nav-item {
    padding-left:  1.5rem;
    padding-right: 1.5rem;
  }
}

/* Hide the sidebar checkbox that we toggle with `.sidebar-toggle` */
.sidebar-checkbox {
  display: none;
}

/* Style the `label` that we use to target the `.sidebar-checkbox` */
.sidebar-toggle {
  position: absolute;
  top:  .5rem;
  right: 1rem;
  display: block;
  width: 2.5rem;
  padding: 0.2rem .65rem;
  color: #fff;
/*  background-color: #fff;border-radius: 4px;*/  
  cursor: pointer;
}
.sidebar-toggle:before {
  display: block;
  content: "";
  width: 100%;
  padding-bottom: .125rem;
  border-top: .375rem double;
  border-bottom: .125rem solid;

  /* Make the border inside the box */
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.sidebar-toggle:active,
#sidebar-checkbox:checked ~ .sidebar-toggle {
  color: #fff;
  background-color: #505050;
}

@media (min-width: 30.1em) {
  .sidebar-toggle {
    position: fixed;
    width: 1rem;
  }
  .sidebar-toggle:before {
    padding-bottom: .15rem;
    border-top-width: .45rem;
    border-bottom-width: .15rem;
  }
}


/* Slide effect
 *
 * Handle the sliding effects of the sidebar and content in one spot, seperate
 * from the default styles.
 *
 * As an a heads up, we don't use `transform: translate3d()` here because when
 * mixed with `position: fixed;` for the sidebar toggle, it creates a new
 * containing block. Put simply, the fixed sidebar toggle behaves like
 * `position: absolute;` when transformed.
 *
 * Read more about it at http://meyerweb.com/eric/thoughts/2011/09/12/.
 */

.wrap,
.sidebar,
.sidebar-toggle {
  -webkit-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
          backface-visibility: hidden;
}
.wrap,
.sidebar-toggle {
  -webkit-transition: -webkit-transform .3s ease-in-out;
          transition: transform .3s ease-in-out;
}

#sidebar-checkbox:checked + .sidebar {
  z-index: 10;
  visibility: visible;
}
#sidebar-checkbox:checked ~ .sidebar,
#sidebar-checkbox:checked ~ .wrap,
#sidebar-checkbox:checked ~ .sidebar-toggle {
  -webkit-transform: translateX(14rem);
      -ms-transform: translateX(14rem);
          transform: translateX(14rem);
}


/*header-top*//*#0071AF*/
.header-top{ background:url(../images/2.png)}

/*header-footer*/
.header-footer{ background:#0071AF; color:#FFF; text-align:center; height:3em; line-height:3em; margin-top:1em;}
.header-footer a{ color:#FFF; }
.header-left{ width:auto;  height:70%; margin:6 auto}
.logotop{width:auto; margin:6px 35px}
.left-span{ color:#0071AF}
.content{ /*text-align:center*/ margin-right:auto;font-size:14px}
.list-span{float:right; color:#09C; margin-right:1em   /*border-right: 3px solid #06F; height:15px; margin:*/}
.list-spanimg{width:auto;}
.list-spantwo{float:right; color:#19cf8a; margin-right:1em    /*border-right: 3px solid #06F; height:15px; margin:*/}
.sidebar-home{width:auto;margin-top:0.3em; margin-left:0.3em;width: 2.1rem;}

.index-area{ margin:0 auto;width: 90%; margin-top:0.5em;padding-bottom: 7px;
    border-bottom: 1px dashed #999; overflow:hidden}
.index-h3{ float:left; color:#0071AF; margin-left:0.4em;}
.index-select{ float:right}
/*last-span*/
.last-span{color:#f00}
.last-spanimg{width:auto;}





/*search-submit*/
.search-submit a {
  text-decoration: none;
  color: #fff; }
@media -sass-debug-info{}
  .search-submit {
    width: 100%;
    text-align: center;
    margin: 0 auto; padding-top: 10px;   border-top: 8px solid #e5e5e5;}
@media -sass-debug-info{}
   .search-submit input {
      width: 70%;
      padding-left: 2%;
      color: #ccc; 
      border: none;
      border-radius: 5px;
      background: #efedee;
      line-height: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/huangxing\/projects\/wxipr\/web\/res\/ipr\/dev\/sass\/mods\/head\.scss}line{font-family:\0000326}}
    .search-submit button {
      width: 30%;
      border: none;
      color: #fff;
      line-height: 30px;
      border-radius: 5px;
      background: #0071AF; }
	  
	 
/*index-personnel*/	 
	   .index-personnel{ background:#fff; border:1px solid #c5c6c8; margin-top:1em;
    } 
	 .index-personnel a{ color:#333; font-weight:100
    } 
	   .index-personnel dl dt {
    width: 30%;
    height: 80px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/huangxing\/projects\/wxipr\/web\/res\/ipr\/dev\/sass\/page\/index\.scss}line{font-family:'Microsoft YaHei'7}}
  .index-personnel dl dd {
    width: 65%;
    height: 75px;
    overflow: hidden;
    line-height: 20px;
    margin-left: 0%; color:#929191; margin-top:0.9em }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/huangxing\/projects\/wxipr\/web\/res\/ipr\/dev\/sass\/page\/index\.scss}line{font-family:\0000386}}
  .index-personnel .last {
    color: #999;
    line-height: 25px; }
	.body1{ background:#e1e3e5}
	.left-img{width:auto; height:90%; margin-top:0.5em; margin-left:1em}
	
	
/*content-img*/	
.details-img{width:auto;}	
.details-span{  margin-left:30%}	
.details-h{ font-size:16px }	
.details-h3{ font-size: 10px; line-height: 30px;margin-top:0.5em;padding-bottom: 5px;    border-bottom: 1px dashed #999; font-weight:100}	
.details-hspan{ margin-left:4em}	


	 
/* .index-table*/	 
	 .index-table{ width:96%; /*border:1px solid #000;*/ margin:auto; line-height:25px} 
	/* .index-table dl dt {
    width: 30%;
    height: 80px; }*/
 /* .index-table dl dd {
    width: 65%;
    height: 75px;
    overflow: hidden;
    line-height: 20px;
    margin-left: 0%; color:#CCC; margin-top:0.9em }*/
 
	
	.table-img{ width:auto;}
	.table-img1{  }
	.table-span{margin-left:3em; font-size:15px}
	.table-span1{font-size:15px;margin-left:1em;}
	.table-h4{margin-top:0.5em;padding-bottom: 5px; border-bottom: 1px dashed #999;margin-bottom:0.5em;}
	.table-h4 a{ color:#000; margin-left:0.5em}
	.table-day{ font-weight:100; text-align:right;margin-bottom:0.5em;margin-right:0.5em}
	.table-h4span{ float:right;font-weight:100; color:#999; margin-right:0.5em}
	.index-table1{ background:#FFF}
	
	/*main-personnel*/	 
	   .main-personnel{ width:90%; margin:0 auto; /*border:1px solid #F00;*/ margin-top:1em; border-bottom: 1px dashed #999; background:url(../img/4.jpg)
    } 
	 .main-personnel a{ color:#fff; font-weight:100
    } 
	   .main-personnel dl dt {
    width: 30%;
    height: 80px; }

  .main-personnel dl dd {
    width: 40%;
    height: 90px;
    overflow: hidden;
    line-height: 30px;
    margin-left: 3em; color:#CCC; margin-top:2em ;}

  .main-personnel .last {
    color: #999;
    line-height: 25px; }

.main-personnel	.left-img1{width:auto; margin-top:0.5em;   margin-left:2em;vertical-align:middle; }
	
	/*main-submit*/
.main-submit a {
  text-decoration: none;
  color: #fff; font-size:16px }

  .main-submit {
    width: 100%;
    text-align: center;
    margin: 0 auto; padding-top: 10px;   margin-top:3em}

   .main-submit input {
      width: 70%;
      padding-left: 2%;
      color: #ccc; 
      border: none;
     
      background: #efedee;
      line-height: 30px; }

    .main-submit button {
      width: 48%;
      border: none;
      color: #fff;
      line-height: 42px;
      border-radius: 5px;
      background: #0071AF; }
/*list  h4*/	
.list h4 a{ font-size:16px; font-weight:100}
<!--violation-->
.violation{ width:90%; margin:0 auto;margin-top:3em; }
.index-violation{ margin:0 auto;width: 90%;  overflow:hidden;margin-top:3em;}
.violation-h3{ color:#0071AF;margin-top:1em;padding-bottom: 7px;border-bottom: 1px dashed #ccc;
   }
.main-submit button {
      width: 48%;
      border: none;
      color: #fff;
      line-height: 42px;
      border-radius: 5px;
      background: #0071AF; margin-top:1em }
	  
	  /*特种行业许可查询查询*/
.list-special{width:auto; margin-left:5em}
.list-special1{ font-size:14px; color:#666;margin-left:1em}	 
.list-special2{ font-size:14px; color:#666;margin-left:4em}	
.list-special3{ font-size:14px; color:#666;margin-left:5em}	 
.special{width:auto; margin-top:2em }

	/*icp-submit*/
.icp-submit a {
  text-decoration: none;
  color: #fff; font-size:16px }

  .icp-submit {
    width: 100%;
    text-align: center;
    margin: 0 auto;    margin-top:1em}

   .icp-submit input {
      width: 70%;
      padding-left: 2%;
      color: #ccc; 
      border: none;
     
      background: #efedee;
      line-height: 30px; }

    .icp-submit button {
      width: 48%;
      border: none;
      color: #fff;
      line-height: 42px;
      border-radius: 5px;
      background: #0071AF; margin-top:2em }
	  .icp1-submit a {
  text-decoration: none;
  color: #fff; font-size:16px }

	  .icp1-submit button {
      width: 97%;
      border: none;
      color: #fff;
      line-height: 42px;
      border-radius: 5px;
      background: #0071AF; margin-top:2em ; margin-left:0.5em}
/*	  .Add{ 
 width:100%; 
 height:100%;
 position:fixed;
 top:0;
 left:0; 
 z-index:1; 
 background:rgba(0,0,0,0.50); 
}*/

  .header .search1 {
    width: 100%;
    text-align: center;
    margin: 0 auto; padding-top: 10px; }

    .header .search1 input {
      width: 72%;
      padding-left: 2%;
      color:#ccc; 
      border:none;
      border-radius: 5px;
      background: #fff;
      line-height: 30px; }

    .header .search1 button {
      width: 20%;
      border: none;
      color: #fff;
      line-height: 30px;
      border-radius: 5px;
      background: #0071AF; }
	  
	
	  .align{
	width:148px;
	text-align:right;
	float:left;
	}
.people_li{
		width:103px;
		}
.content_text{
	border-top:8px solid #e5e5e5;
	border-bottom:8px solid #e5e5e5;
	padding:8px 0;
	}